<template name="skeleton">
        <!-- 使用组件标签代替 is 属性 -->
        <XtxSwiper>
          <view class="carousel XtxSwiper--carousel">
            <swiper 
              :circular="true" 
              :interval="3000" 
              :current="0" 
              :autoplay="false"
            >
              <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                <navigator class="navigator XtxSwiper--navigator" hover-class="none">
                  <image class="image XtxSwiper--image sk-image" mode="aspectFill"></image>
                </navigator>
              </swiper-item>
            </swiper>
            <view class="indicator XtxSwiper--indicator">
              <text class="dot XtxSwiper--dot active XtxSwiper--active"></text>
              <text class="dot XtxSwiper--dot"></text>
              <text class="dot XtxSwiper--dot"></text>
              <text class="dot XtxSwiper--dot"></text>
              <text class="dot XtxSwiper--dot"></text>
            </view>
          </view>
        </XtxSwiper>

        <!-- 使用组件标签代替 is 属性 -->
        <CategoryPanel>
          <view class="category CategoryPanel--category">
            <navigator class="category-item CategoryPanel--category-item" hover-class="none">
              <image class="icon CategoryPanel--icon sk-image"></image>
              <text class="text CategoryPanel--text sk-transparent sk-text-14-2857-316 sk-text">居家</text>
            </navigator>
            <!-- 其他 category-item 保持不变 -->
          </view>
        </CategoryPanel>

        <!-- 使用组件标签代替 is 属性 -->
        <HotPanel>
          <view class="panel HotPanel--panel hot HotPanel--hot">
            <view class="item HotPanel--item">
              <view class="title HotPanel--title">
                <text class="title-text HotPanel--title-text sk-transparent sk-text-14-2857-952 sk-text">特惠推荐</text>
                <text class="title-desc HotPanel--title-desc sk-transparent sk-text-14-2857-808 sk-text">精选全攻略</text>
              </view>
              <navigator class="cards HotPanel--cards" hover-class="none">
                <image class="image HotPanel--image sk-image" mode="aspectFit"></image>
                <image class="image HotPanel--image sk-image" mode="aspectFit"></image>
              </navigator>
            </view>
            <!-- 其他 item 保持不变 -->
          </view>
        </HotPanel>

        <!-- 使用组件标签代替 is 属性 -->
        <XtxGuess class="r r">
          <view class="caption XtxGuess--caption">
            <text class="text XtxGuess--text sk-transparent sk-text-0-0000-513 sk-text sk-pseudo sk-pseudo-circle">猜你喜欢</text>
          </view>
        </XtxGuess>
</template>

<style>
.sk-transparent {
    color: transparent !important;
}
/* ... existing code ... */
</style>